<?xml version="1.0"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<meta http-equiv="content-type" content="text/html; charset=utf-8" />
		<meta name="description" content="" />
		<meta name="keywords" content="" />
		<title>index</title>
		<link href="http://fonts.googleapis.com/css?family=Bitter" rel="stylesheet" type="text/css" />
		<link rel="stylesheet" type="text/css" href="style.css" />
		<script type="text/javascript" src="jquery-1.7.1.min.js"></script>
  <script type="application/javascript">
$(document).ready(function()
{
	
$(".tab").click(function()
{
var X=$(this).attr('id');
 
if(X=='tutor')
{
$("#student").removeClass('select');
$("#tutor").addClass('select');
$("#studentbox").slideUp();
$("#tutorbox").slideDown();
}
else
{
$("#tutor").removeClass('select');
$("#student").addClass('select');
$("#tutorbox").slideUp();
$("#studentbox").slideDown();
}
 
});

});
</script>
	</head>
	<body>
    <div id="wrapper">
    

<div id="logo">
					<h1><a href="#">INB201 Group Management</a></h1>
		  </div>

			<div id="menu">
				
				  <ul id="menu">
           
				</ul>
			</div>
			<div id="page">
			  <div id="content">
			    <div class="box">
						  <div style="margin:40px">
  <div id="container">
  <div id="tabbox">
  <a href="#" id="tutor" class="tab tutor">Tutor</a>
  <a href="#" id="student" class="tab select">Student</a>
  </div>
  <div id="panel">
    
  <div id="studentbox" style="display: block; ">
    <p>Student Login    </p>
    <FORM method="POST" action="/cgi-bin/login.py">
    <div class="username_box">
    Username:</div> 
    <div>
    <input name="login" type="text" class="username_form"></div>
    
    <div class="password_box">
      Password:</div> 
     <div>
     <input name="password" type="password" class="password_form"></div>
    
     <div class="login">
     <p>
       <input type="submit" value="Connect">
     </p></div>
    </FORM>

   
  </div>
    
  <div id="tutorbox" style="display: none; ">Tutor Login
   <FORM method="POST" action="..working2/cgi-bin/login.py">
    <div class="username_box">
    Username:</div> 
    <div>
    <input name="login" type="text" class="username_form"></div>
    
    <div class="password_box">
      Password:</div> 
     <div>
     <input name="password" type="password" class="password_form"></div>
   <div class="login">
     <p>
       <input type="submit" value="Connect">
     </p></div>
    </FORM>
  </div>
  </div>
    
  </div>
  </div>
</div>
			    <br class="clearfix" />
			  </div>
				<br class="clearfix" />
		  </div>

		<div id="footer"><!--##@%--></div>

        </div>
	</body>
</html>
